<template>
  <!-- 页面底部打开APP -->
  <div class="page-bottom-open-app" @click="$emit('click')">
    <div class="flex">
      <img class="logo-icon" src="../assets/images/icon-logo.png" />
      <div class="open-tips">
        <p>创意灵感聚集地</p>
      </div>
    </div>
    <div class="open-btn">立即打开</div>
  </div>
</template>

<script>
  export default {
    props: {},
    data() {
      return {};
    },
    computed: {},
    watch: {},
    mounted() {},
    methods: {},
  };
</script>

<style lang="less" scoped>
  .page-bottom-open-app {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0rem;
    width: 100%;
    height: 6.5rem;
    background: #000000;
    display: flex;
    // align-items: center;
    justify-content: space-between;
    font-size: 1.7rem;
    font-weight: 400;
    color: #ffffff;
    overflow: hidden;
    padding: 1.2rem 2rem 0;
    z-index: 11;
    .logo-icon {
      flex: none;
      width: 4.1rem;
      height: 4.1rem;
      margin: auto 2rem auto 0;
    }
    .flex {
      align-items: center;
      height: 4.1rem;
    }
    .open-btn {
      margin-top: 0.6rem;
      background: #2247ff;
      font-size: 1.4rem;
      line-height: 2.8rem;
      font-weight: 500;
      color: #ffffff;
      width: 7.6rem;
      height: 2.8rem;
      line-height: 2;
      text-align: center;
    }
  }
</style>
